<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name='viewport' content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="msapplication-tap-highlight" content="no">
		<meta name="format-detection" content="telephone=no, email=no" />
		<title>我的社保为你打CALL</title>
		<link rel="stylesheet" type="text/css" href="/yearend/css/yearend.css">
		<script type="text/javascript" src="/yearend/js/zepto.min.js"></script>
		<script type="text/javascript" src="/yearend/js/adapter.js"></script>
		<script type="text/javascript" src="/yearend/js/template.js"></script>
		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	</head>
	<body>
		<div class="ye-layout">
			<img src="/yearend/images/prize_header.png" class="winning-header">
			<div class="ye-winning">
				<div class="ye-winning-menu">
					<a href="javascript:void(0);" class="ye-winning-menu-28 active" id="w28">12月28日</a>
					<a href="javascript:void(0);" class="ye-winning-menu-29" id="w29">12月29日</a>
					<a href="javascript:void(0);" class="ye-winning-menu-30" id="w30">12月30日</a>
				</div>
				<div class="ye-winning-table ye-winning-28 active" id="tag-w28">
					<table>
						<tr><th colspan="3">2017年12月28日截止20:00的获奖名单</th></tr>
						<tr><th width="25%">排名</th><th width="42%">玩家昵称</th><th>获得礼物</th></tr>
						<c:if test="${empty awardList_2017122820 }">
							<tr><td colspan="3" class="none">哎呀，本轮还未到开奖时间呢<br>请稍后再来〜</td></tr>
						</c:if>
						<c:if test="${not empty awardList_2017122820 }">
							<c:forEach var="award" items="${awardList_2017122820 }">
								<tr><td>${award.rank }</td><td><img src="${award.headimg }">${award.nickname }</td><td>中了${award.award/100 }元话费券</td></tr>
							</c:forEach>
						</c:if>
					</table>
				</div>
				<div class="ye-winning-table ye-winning-29" id="tag-w29">
					<table>
						<tr><th colspan="3">2017年12月29日截止12:00的获奖名单</th></tr>
						<tr><th width="25%">排名</th><th width="42%">玩家昵称</th><th>获得礼物</th></tr>
						<c:if test="${empty awardList_2017122912 }">
							<tr><td colspan="3" class="none">哎呀，本轮还未到开奖时间呢<br>请稍后再来〜</td></tr>
						</c:if>
						<c:if test="${not empty awardList_2017122912 }">
							<c:forEach var="award" items="${awardList_2017122912 }">
								<tr><td>${award.rank }</td><td><img src="${award.headimg }">${award.nickname }</td><td>中了${award.award/100 }元话费券</td></tr>
							</c:forEach>
						</c:if>
					</table>
					<table>
						<tr><th colspan="3">2017年12月29日截止20:00的获奖名单</th></tr>
						<tr><th width="25%">排名</th><th width="42%">玩家昵称</th><th>获得礼物</th></tr>
						<c:if test="${empty awardList_2017122920 }">
							<tr><td colspan="3" class="none">哎呀，本轮还未到开奖时间呢<br>请稍后再来〜</td></tr>
						</c:if>
						<c:if test="${not empty awardList_2017122920 }">
							<c:forEach var="award" items="${awardList_2017122920 }">
								<tr><td>${award.rank }</td><td><img src="${award.headimg }">${award.nickname }</td><td>中了${award.award/100 }元话费券</td></tr>
							</c:forEach>
						</c:if>
					</table>
				</div>
				<div class="ye-winning-table ye-winning-30" id="tag-w30">
					<table>
						<tr><th colspan="3">2017年12月30日截止12:00的获奖名单</th></tr>
						<tr><th width="25%">排名</th><th width="42%">玩家昵称</th><th>获得礼物</th></tr>
						<c:if test="${empty awardList_2017123012 }">
							<tr><td colspan="3" class="none">哎呀，本轮还未到开奖时间呢<br>请稍后再来〜</td></tr>
						</c:if>
						<c:if test="${not empty awardList_2017123012 }">
							<c:forEach var="award" items="${awardList_2017123012 }">
								<tr><td>${award.rank }</td><td><img src="${award.headimg }">${award.nickname }</td><td>中了${award.award/100 }元话费券</td></tr>
							</c:forEach>
						</c:if>
					</table>
					<table>
						<tr><th colspan="3">2017年12月30日截止20:00的获奖名单</th></tr>
						<tr><th width="25%">排名</th><th width="42%">玩家昵称</th><th>获得礼物</th></tr>
						<c:if test="${empty awardList_2017123020 }">
							<tr><td colspan="3" class="none">哎呀，本轮还未到开奖时间呢<br>请稍后再来〜</td></tr>
						</c:if>
						<c:if test="${not empty awardList_2017123020 }">
							<c:forEach var="award" items="${awardList_2017123020 }">
								<tr><td>${award.rank }</td><td><img src="${award.headimg }">${award.nickname }</td><td>中了${award.award/100 }元话费券</td></tr>
							</c:forEach>
						</c:if>
					</table>
					<table>
						<tr><th colspan="3">随机抽100名用户获奖名单</th></tr>
						<tr><th width="25%">排名</th><th width="42%">玩家昵称</th><th>获得礼物</th></tr>
						<c:if test="${empty awardList_2017123021 }">
							<tr><td colspan="3" class="none">哎呀，本轮还未到开奖时间呢<br>请稍后再来〜</td></tr>
						</c:if>
						<c:if test="${not empty awardList_2017123021 }">
							<c:forEach var="award" items="${awardList_2017123021 }">
								<tr><td>${award.rank }</td><td><img src="${award.headimg }">${award.nickname }</td><td>中了${award.award/100 }元话费券</td></tr>
							</c:forEach>
						</c:if>
					</table>
				</div>
			</div>
			<footer>
				<img src="/yearend/images/footer.png">
			</footer>
		</div>
		<script type="text/javascript">
		Zepto(function($){
			//TAG跳转方法
			$('.ye-winning-menu a').tap(function(){
				if($(this).hasClass('active')){
					return;
				}
				$current = $('.ye-winning-menu').find('.active');
				$current.removeClass('active');
				$('#tag-' + $current.attr('id')).removeClass('active');
				
				$(this).addClass('active');
				$('#tag-' + $(this).attr('id')).addClass('active');
			});
		});
		</script>
	</body>
</html>